<template>
    <span class="input__seach">
        <a-select v-bind="$attrs">
            <template v-for="(index, name) in $slots" v-slot:[name]>
                <slot :name="name"></slot>
            </template>
        </a-select>
    </span>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';
const props = defineProps({
    width: {
        type: String,
        default: '328px'
    }
});
</script>

<style lang="less" scoped>
.input__seach :deep(.arco-select) {
    width: v-bind('props.width');
    border-radius: 4px;
    border: 1px solid @base-color-border;
    opacity: 1;
    background-color: #fff;
    color: @base-color-1-text;

    ::placeholder {
        font-size: 14px;
        color: @base-color-border;
    }
}
</style>